<template>
  <div>
    <Row type="flex" justify="center">
      <Col span="22">
        <Divider :style="{background: color}" :type="type" :dashed="dashed" :size="size"></Divider>
      </Col>
    </Row>
  </div>
</template>

<script>

export default {
  name: 'DividerLine',
  data () {
    return {
    }
  },
  props: {
    color: {
      type: String,
      default: () => {
        return '#E8EAEC'
      }
    },
    type: {
      type: String,
      default: () => {
        // 垂直：'vertical'
        // 水平：'horizontal'
        return 'horizontal'
      }
    },
    dashed: {
      type: Boolean,
      default: () => {
        return false
      }
    },
    size: {
      type: String,
      default: () => {
        // 小：'small'
        return 'default'
      }
    }
  },
  mounted () {
  },
  methods: {

  }
}
</script>

<style scoped>
</style>
